Highcharts ব্যবহার করতে গেলে, ডেটা, অক্ষ (Axes), এবং সিরিজ (Series) এর মৌলিক ধারণাগুলি বোঝা অত্যন্ত গুরুত্বপূর্ণ। এগুলি আপনাকে আপনার চার্ট তৈরি এবং কাস্টমাইজ করতে সাহায্য করবে।
Data (ডেটা)
ডেটা হল সেই তথ্য, যা চার্টে প্রদর্শিত হয়। Highcharts এ, ডেটা সাধারণত একটি array বা অবজেক্ট আকারে থাকে। ডেটা পয়েন্টগুলো চার্টের বিভিন্ন উপাদানকে রেন্ডার করতে ব্যবহৃত হয়। উদাহরণস্বরূপ, একটি লাইন চার্টে প্রতিটি ডেটা পয়েন্ট একটি নির্দিষ্ট মান এবং সময়ের সাথে সম্পর্কিত হতে পারে।
Data Format
ডেটা সাধারণত একটি অ্যারে (Array) আকারে সরবরাহ করা হয়, যা এক বা একাধিক মান ধারণ করতে পারে। উদাহরণস্বরূপ:
series: [{
data: [29, 71, 106, 129, 144] // এই মানগুলো চার্টে প্রদর্শিত হবে
}]
এখানে, data অ্যারে একাধিক সংখ্যাকে ধারণ করে, যা চার্টের ডেটা পয়েন্ট হিসাবে ব্যবহার করা হবে।
Axes (অক্ষ)
Axes (অক্ষ) হল চার্টের মধ্যে যে লাইনগুলো ডেটাকে অর্থপূর্ণভাবে সাজায়। Highcharts এ, সাধারণত দুটি অক্ষ থাকে:
- X-Axis (Horizontal Axis): এটি সাধারণত সময় বা ক্যাটাগরি অনুযায়ী ডেটাকে সাজায়।
- Y-Axis (Vertical Axis): এটি সাধারণত পরিমাণ বা মানের আয়তন প্রদর্শন করে।
Axes Configuration
Highcharts এ অক্ষ কনফিগার করা যায় যেমন - min, max, title, labels ইত্যাদি। উদাহরণস্বরূপ:
xAxis: {
categories: ['Jan', 'Feb', 'Mar', 'Apr', 'May']
},
yAxis: {
title: {
text: 'মোট বিক্রয়'
}
}
এখানে, xAxis তে মাসের নাম ব্যবহার করা হয়েছে এবং yAxis তে বিক্রয় পরিমাণ প্রদর্শন করা হয়েছে।
Series (সিরিজ)
Series হল চার্টের মূল ডেটা সেট, যা এক বা একাধিক ধরনের ডেটা ধারণ করে। প্রতিটি সিরিজ একটি নির্দিষ্ট ধরনের ডেটা পয়েন্ট ধারণ করে এবং একাধিক সিরিজ একসাথে চার্টে প্রদর্শিত হতে পারে।
Series Types
Highcharts এ বিভিন্ন ধরনের সিরিজের জন্য বিভিন্ন ধরণের চার্ট ব্যবহার করা যায়, যেমন:
- Line Series (লাইন সিরিজ): এটি ডেটার মধ্যে সম্পর্ক বা প্রবণতা প্রদর্শন করতে ব্যবহৃত হয়।
- Column Series (কলাম সিরিজ): এটি প্রতিটি ক্যাটাগরির মধ্যে ডেটা তুলনা করতে ব্যবহৃত হয়।
- Pie Series (পাই সিরিজ): এটি বিভিন্ন অংশের অনুপাত প্রদর্শন করতে ব্যবহৃত হয়।
Series Configuration
সিরিজ কনফিগার করার সময় আপনি name, data, type, ইত্যাদি সেট করতে পারেন:
series: [{
name: 'বিক্রয়',
type: 'line', // লাইন চার্ট
data: [10, 15, 20, 25, 30]
}]
এখানে, series এর মধ্যে "বিক্রয়" নামে একটি সিরিজ তৈরি করা হয়েছে, যেখানে line টাইপের মাধ্যমে ডেটা প্রদর্শিত হবে।
Data, Axes, এবং Series এর মধ্যে সম্পর্ক
- Data হল সেই তথ্য যা আপনি সিরিজে ব্যবহার করবেন। এটি প্রতিটি সিরিজের জন্য data অ্যারে হিসেবে প্রদান করা হয়।
- Axes চার্টের অক্ষের স্থানে ডেটাকে উপস্থাপন করে। X-Axis সাধারণত ক্যাটাগরি বা সময় ধরে ডেটা সাজায়, এবং Y-Axis ডেটার মান প্রদর্শন করে।
- Series হল ডেটার সেট, যেখানে একাধিক সিরিজ থাকতে পারে, এবং প্রতিটি সিরিজের ডেটা একটি নির্দিষ্ট টাইপের (যেমন লাইন, বার, পাই) মাধ্যমে প্রদর্শিত হয়।
উপসংহার
Highcharts এ Data, Axes, এবং Series হল চার্ট তৈরির মৌলিক উপাদান। সঠিকভাবে এগুলি কনফিগার করলে আপনি সুন্দর এবং কার্যকরী ডেটা ভিজুয়ালাইজেশন তৈরি করতে পারবেন। ডেটা কনফিগারেশনের মাধ্যমে আপনি বিভিন্ন মান এবং সময়ের তথ্য উপস্থাপন করতে পারবেন, অক্ষ কনফিগারেশনের মাধ্যমে আপনি ডেটাকে উপযুক্তভাবে সাজাতে পারবেন এবং সিরিজ কনফিগারেশনের মাধ্যমে আপনি আপনার চার্টে একাধিক ডেটা সেট উপস্থাপন করতে পারবেন।
Read more
